<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // var str = 'hello -world -hi';
      // function nameArr() {
      //   var arr = str.split('-');
      //   var one = arr[0];
      //   for (var i = 1; i < arr.length; i++) {
      //     var other = arr[i];
      //     var start = other[0].toUpperCase();
      //     var end = other.substr(1);
      //     other = start + end;
      //     one += other;
      //   }
      //   return one;
      // }
      // console.log(nameArr(str));



//       var str1 = 'get-element-by-id';
// var str2 = 'query-selector-all';

// function transition(str){
//     // 将str分割成数组
//     var arr = str.split('-');// ['get','element','by','id']
//     // 保存第一个单词
//     var one = arr[0];// 'get'
//     // 遍历数组，处理其他单词
//     for (var i = 1; i < arr.length; i++){
//         // 其他单词
//         var other = arr[i];// 'element'
//         // 获取第一个字母并转成大写
//         var start = other[0].toUpperCase();// 'E'
//         // 获取单词剩余部分
//         var end = other.substr(1);// 'lement'
//         // 拼接首字母和剩余部分
//         other = start + end;// 'Element'
//         // 第一个单词拼接其他单词
//         one += other;
//     }
//     // 返回拼接后的内容
//     return one;
// }

// console.log( transition(str1) );// 'getElementById'
// console.log( transition(str2) );// 'querySelectorAll'


  var str = 'get-element-by-id'
  function nameArr(){
    var arr = str.split('-');
    var one = arr[0];
    for(var i = 1 ; i < arr.length ; i++){
      var other = arr[i];
      var start = other[0].toUpperCase();
      var end = other.substr()
      other = start + end
      one += other
    }
    return one
  }
  console.log(nameArr(str))
    </script>
  </body>
</html>
